<template>
	<view>
		<scroll-view scroll-y="true" class="content" :enhanced="true" :bounces="false" :show-scrollbar="false">
			<view class="goods_investment p10">
				<view>
					<!-- <view class="d-flex j-center a-center mt10 mb10">
				<view class="title">{{goods_info.productName}}</view>
			</view>
			<view class="description mb10">{{goods_info.productDesc}}</view> -->
					<view v-for="item in goods_info.headUrl1.split('&')" :key="item">
						<u--image :showLoading="true" :src="item" width="100%"></u--image>
					</view>
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	import {
		queryByDetailByApp
	} from "@/api/index.js"

	export default {
		components: {},
		data() {
			return {
				userInfo: uni.getStorageSync('userInfo'),
				productCode: "",
				goods_info: {}
			};
		},
		onLoad(options) {
			if (options.productCode) {
				this.productCode = options.productCode
			}
			// 调用请求商品详情数据的方法
			this.queryByDetailByApp()
		},

		methods: {
			queryByDetailByApp() {
				const that = this
				queryByDetailByApp({
					productCode: that.productCode,
					customerCode: that.userInfo.customerCode
				}).then(res => {
					that.goods_info = res.object
				})
			},
		}
	};
</script>

<style lang="scss" scoped>
	.content {
		//可视高度，需要在多大的盒子中进行滑动
		height: 100vh;
		width: 100%;
	}

	.goods_investment {
		background-color: #f5f5f5;
		font-family: Source Han Sans CN, Source Han Sans CN-500;

		.title {
			font-size: 44rpx;
			font-weight: 500;
			color: #333333;
		}

		.description {
			font-size: 28rpx;
			font-weight: 400;
			color: #999999;
		}
	}
</style>